.mtop30.ng-cloak.registerContainer(ng-controller='App.AccountFinCtrl')
	//普通注册
	div(style='border:4px solid #f2f2f2;padding-bottom:20px;position: relative;min-height: 300px;')
		.open-prepare.mbottom20(ng-show="step==1 || step==2 || step==3 || step==4 || step ==9", ng-init='tipIndex=0')
			a(title='点击查看内容', href='#', onclick='return false', ng-click='tipIndex=0', ng-class='{link: tipIndex==1}') 开户准备
			a.mleft30(title='点击查看内容', href="#", onclick='return false', ng-click='tipIndex=1', ng-class='{link: tipIndex==0}') 关于理财账户
			.graybg.pad10.mtop10(style='width: 188px', ng-show='tipIndex==0')
				strong 开户前请准备：
				div.mtop10.clearfix
					img.mrem(style="float:left", src="img/open_account_card.png", alt="工行图标")
					| 工商银行借记卡及开通工商银行网银
				.mtop10
					img.mrem(src="img/open_account_material.png", alt="身份证")
					| 身份证件
				.mtop10
					img.mrem(src="img/open_account_ie.png", alt="IE")
					| IE8.0及以上浏览器
 
			.graybg.pad10.mtop10(style='width: 188px', ng-show='tipIndex==1')
				strong 什么是理财账户？
				p 理财账户是广发证券为满足互联网用户便捷购买各类金融产品而开立的独立资金账户，用户无需进行相对繁琐的证券股票账户开户，通过简单几步、一键到底的开户流程及直联银行支付渠道，即可快捷购买品种齐全的金融产品，包括理财产品、基金产品、资讯服务等，目前重点是理财产品。 

		h2.bc(ng-show='step==1 || step==2 || step==3 || step==4 || step==5 || step ==9') 开通理财账户
			img.mleft5(src='img/24hours.png', style='margin-top:-8px')
		p.bc(style='padding-left:50px;color:#666;',ng-show='step==1') 请输入您的手机号码
		form.registerForm(ng-show='step==1', name='accountform')
			.mbottom20.bold.font14.nc(ng-show='error')
				label.mrem.invisible 空白符:
				| {{error}}
			.mbottom20.editInfo
				.field.mobile.chinaMobile
					.areaCode 
						.tac +86
					label.mrem(for='acmobile', ng-class='{hidden : acmobile.length}') 移动电话
					input(type='tel', gf-input,name='acmobile', ng-model='acmobile', required, maxlength=14, ng-class='{hasInput : acmobile.length}')
			div
				//- 为了对齐，字符相同
				a(href='javascript:;', ng-click='checkIfExists()').btn 下一步
				span.loading(ng-show='loading') &nbsp;

		form.registerForm(ng-show='step==2', name='account2form')
			.mbottom20.editInfo
				.field.mobile.chinaMobile
					.areaCode 
						.tac +86
					label.mrem(for='acmobile', ng-class='{hidden : acmobile.length}') 移动电话
					input(type='tel', gf-input,name='acmobile', ng-model='acmobile', required, maxlength=13, ng-class='{hasInput : acmobile.length}')
				a.getVerifyCode(href='javascript:;', ng-show='account2form.acmobile.$valid', 
					ng-click='getcode()',
					ng-switch='raw', ng-disabled='time != -1').mlem 
						span(ng-switch-when='true') 
							b(ng-show='time == -1') 获取手机验证码
							b(ng-show='time >= 0') {{time}}秒后重新获取
						span(ng-switch-when='false') 重新发送
				.yes(ng-show='mobileError==2 && !error')
				.no(ng-show='mobileError==1 && !error') 
				span(ng-show='error', style='margin-left:10px;')
					.no 
					| {{error}}

			.mbottom20.bc.editInfo
				.field.verifyCode
					label.mrem(ng-class='{hidden : verify_code.length}') 请输入手机验证码
					input(type='text', name='verify_code', gf-input, ng-model='verify_code', required, maxlength=6, ng-class='{hasInput : verify_code.length}').narrow
				.yes(ng-show='verify_codeError==2')
				.no(ng-show='verify_codeError==1')	
				span(ng-show='verify_codeError==1') 验证码为空
				span.gc.tip 请输入验证码，如果一段时间没有收到，请重新获取
			.mbottom20.editInfo
				.field.verifyCode
					label.mrem(for='captcha', ng-class='{hidden : captcha.length}') 验证码
					input(type='text', gf-input, name='captcha', ng-model='captcha', maxlength=4, required, ng-class='{hasInput : captcha.length}')
				.yes(ng-show='captchaError==2')
				.no(ng-show='captchaError==1')	
				img.mleft10(ng-src='/captcha2.jpg?_cache_={{captcha_random}}', alt='验证码', height=30, width=80, ng-click='refreshCode()', style='cursor:pointer;').mright10
				
			div
				//- 为了对齐，字符相同
				a(href='javascript:;', ng-click='checkNoExists()').btn 下一步
				span.loading(ng-show='loading') &nbsp;

		form.registerForm(ng-show='step==3', name='account3form')
			.mbottom20.bold.font14.nc(ng-show='error')
				label.mrem.invisible 空白符:
				| {{error}}
			.mbottom20.editInfo
				.field.account
					label.mrem(for='service_name', ng-class='{hidden : service_name.length}') 请输入用户名
					input(type='text',
						ng-model='service_name',
						name='service_name',
						gf-input,
						maxlength=16,
						required, ng-class='{hasInput : service_name.length}')
				.yes(ng-show='service_nameError==2')
				.no(ng-show='service_nameError==1')
				
			.mbottom20.editInfo
				.field.pwd
					label.mrem(for='password1', ng-class='{hidden : password1.length}') 登录密码
					input(type='password', gf-input, ng-model='password1', name='password1', ng-minlength='6', required, maxlength=16, ng-class='{hasInput : password1.length}')
				.yes(ng-show='password1Error==2')
				.no(ng-show='password1Error==1 || regstep2form.$error.minlength')
				span.tip.gc 密码长度6~16位
				
			.mbottom20.editInfo
				.field.pwd
					label.mrem(ng-class='{hidden : password2.length}') 请您再次输入密码
					input(type='password', gf-input, ng-model='password2', name='password2', required, maxlength=16, ng-class='{hasInput : password2.length}')
				.yes(ng-show='password2Error==2')
				.no(ng-show='password2Error==1')
				span.nc(ng-show='password2 && password1 != password2').mlem 密码不匹配
				
			.mbottom20(ng-show='isAdd')
				label
					span.mrem 手机号码:
					input(type='tel', gf-input, ng-model='acmobile', name='acmobile', required, maxlength=13, ng-class='{hasInput : acmobile.length}').text
				.yes(ng-show='mobileError==2')
				.no(ng-show='mobileError==1')
				
			.mbottom20.editInfo
				.field.email
					label.mrem(ng-class='{hidden : email.length}') 电子邮箱:
					input(type='email', gf-input, ng-model='email', name='email', ng-class='{hasInput : email.length}')
				.yes(ng-show='emailError==2')
				.no(ng-show='emailError==1')
				small.mlem 非必填
				
			div
				a(href='javascript:;', ng-click='registerSubmit()').btn 下一步
				span.loading(ng-show='loading') &nbsp;
				
			//- .mtop30.pad30 &nbsp;

		p.bc(style='padding-left:50px;color:#666;',ng-show='step==9') 您已拥有广发通账户，请输入您的广发通密码。
		form.registerForm(ng-show='step==9', name='linkform')
			.mbottom20.bold.font14.nc(ng-show='error')
				label.mrem.invisible 空白符:
				| {{error}}
			.mbottom20 用户名：{{service_name9}}
			.mbottom20.editInfo
				.field.pwd
					label.mrem(for='password9', ng-class='{hidden : password9.length}') 密码
					input(type='password', gf-input, ng-model='password9', name='password9', ng-minlength='6', required, maxlength=16, ng-class='{hasInput : password9.length}')
				.yes(ng-show='password9Error==2 && !linkform.$error.minlength')
				.no(ng-show='password9Error==1 || linkform.$error.minlength')
				span.tip.gc 密码长度6~16位
			div(style='margin:-12px 0 6px')
				a.link(href="#/pwdreset", target="_blank") 忘记密码
				a.link.mleft30(href="#", onclick='return false', ng-click='step=1') 使用其他手机号码
			div
				//- 为了对齐，字符相同
				a(href='javascript:;', ng-click='linkPortal()').btn 下一步
				span.loading(ng-show='loading') &nbsp;

		p.bc(style='padding-left:50px;color:#666;',ng-show='step==4') 您的手机号码已经注册，请输入您的登录密码登录。
		iframe.hideiframe(src='blank.html', name='loginaccountiframe')
		form.registerForm(ng-show='step==4', name='account4form',action='{{form.login_uri}}',
				ng-controller='App.LoginAccountCtrl',
				gf-submit='beforeSubmit',
				target='loginaccountiframe',
				method='POST')
			.error(ng-show='error', ng-bind='error',style='color:#f00')
			input(type='hidden', name='error_url', gf-value="{{path}}")
			input(type='hidden', name='login_type', value='portal')
			input(type='hidden', name='user_id', gf-value="{{username4}}")
			.mbottom20 用户名：{{username4}}
			.mbottom20.editInfo
				.field.pwd
					label.mrem(for='newlogin_password4', ng-hide='password.length') 密码
					input(type='password', id='newlogin_password4', name='password', ng-model='password4', placeholder="请输入登录密码", class='hasInput', required)
			.mbottom20.editInfo(style='width:300px;position:relative;')
				.field.verifyCode(style='width:200px;')
					label(for='newlogin_verify4', ng-hide='verify4.length') 验证码
					input(type='text', id='newlogin_verify4', name='ticket', ng-model='verify4', maxlength=4, placeholder="请输入验证码", class='hasInput', required)
				img(ng-src='{{captcha_uri}}', alt='验证码', height=33, width=97, style='position:absolute;top:0;left:208px')
				a(href='#',onclick="return false;", ng-click='refresh()', style='position:absolute;top:35px;left:208px;line-height:17px').bc 看不清楚
			div(style='margin:-12px 0 6px')
				a.link(href="#/pwdreset", target="_blank") 忘记密码
				a.link.mleft30(href="#", onclick='return false', ng-click='$parent.step=1') 使用其他手机号码 
			div
				//- 为了对齐，字符相同
				input(type='submit', value='下一步', ng-disabled='!account4form.$valid',style='border: 0 none').btn
				span.loading(ng-show='loading') &nbsp;

		p.bc(style='padding-left:50px;color:#666;',ng-show='step==5') 您还未开通理财账户，将跳转到理财账户开户流程。
		p.bc(style='padding-left:50px;color:#666;',ng-show='step==6') 您已开通理财账户，将跳转到资产全景图。
	

	

